$(document).ready(function(){
    $("#left-navbar li ul li").on('click',function(){
        $('.left-navbar-li-active').removeClass('left-navbar-li-active');
        $(this).addClass('left-navbar-li-active');
        $("#right-frame").attr('src',$(this).attr('data-href'));
    })
    $("#left-navbar li div").on('click',function(){
        var display = $(this).next().css("display");
        if(display == 'none'){
            $(".glyphicon-triangle-bottom").addClass("glyphicon-triangle-right");
            $(".glyphicon-triangle-bottom").removeClass("glyphicon-triangle-bottom");
            $(this).find(".navbar-icon-right").addClass('glyphicon-triangle-bottom');
            $(this).find(".navbar-icon-right").removeClass('glyphicon-triangle-right');
            $(this).next().css("display", "block");
            $(this).parent().siblings().find("ul").css("display", "none");
        }else{
            $(this).find(".navbar-icon-right").addClass('glyphicon-triangle-right');
            $(this).find(".navbar-icon-right").removeClass('glyphicon-triangle-bottom');
            $(this).next().css("display", "none");
        }

    })
})
